{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}

    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"严选",back:1} %}
    <div class="mar5 pad10 bdda round3 tac c12 fs8" v-if="!isTrue(product)">
        没有找到相关数据
    </div>
    <div class="bc13 mart5 pos-r" v-for="item in product">
        {#                <div> <img :src="picUrl(item.cover)" class="w100" style="max-height: 60vw;" alt="" onerror="this.src=pic404"></div>#}
        <div  style="height: 60vw;background-position: center;" :style="picBg(item.cover)"></div>
        <div class="flrc ofe lh2 pad5">
            <div class="flex1 ofe">[[item.name]]</div>
            <div class="c1 fs8">￥[[item.price]]/[[item.unit]]</div>
        </div>
        <mu-ripple  @click="goto('servicesInfo',{id:item.id})"></mu-ripple>
    </div>

{% endblock %}